<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, 
minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bootstrap-theme.min.css" />
		<link rel="stylesheet" href="css/common.css" />
		<script src="js/jquery-3.2.1.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/masonry-docs.min..js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<title>重电人工智能研究与创新中心</title>

	</head>

	<body>
		<nav id="first_header" class="navbar navbar-collapse">
			<div class="container-fluid">
				<h1>重电人工智能研究与创新中心</h1>
				<nav class="navigation">
					<ul class="nav nav-pills">
						<li role="presentation">
							<a href="#home">实验室</a>
						</li>
						<li role="presentation">
							<a href="#product">成果</a>
						</li>
						<li role="presentation">
							<a href="#about">相关技术</a>
						</li>
						<li role="presentation">
							<a href="#Contact">联系我们</a>
						</li>
					</ul>
				</nav>
			</div>
		</nav>
		<div class="one_pager" id="home" >
			<!--<div class="one_img">
				<img id="img1" src="img/second.jpg" />
				<div class="one_text">
					<h1>Laboratory</h1>
					<p>&nbsp;&nbsp;If someone loves a flower, of which just one single blossom grows in all the millions and millions of stars, it is enough to make him happy just to look at the stars. He can say to himself, "Somewhere, my flower is there…" But if the sheep eats the flower, in one moment all his stars will be darkened… And you think that is not important! </p>
				</div>
			</div>-->
			<div id="myCarousel" class="carousel slide" onRe>
				<!-- 轮播（Carousel）指标 -->
				<!--<ol class="carousel-indicators">
					<li data-target="#myCarousel" data-slide-to="1"></li>
					<li data-target="#myCarousel" data-slide-to="2"></li>
				</ol>-->
				<!-- 轮播（Carousel）项目 -->
				<div class="carousel-inner">
					<div class="item active" style="background-image: url(img/img2.jpg);">
						<div class="carousel-caption container">
							<div class="row">
								<div class="col-md-7 hp">
									<h2>AAAAAAA</h2>
									<h4>Acting as if nothing borne in mind is the best revenge.It's all for myself to live better.</h4>
								</div>
							</div>
						</div>
					</div>
					<div class="item" style="background-image: url(img/img3.jpg);">
						<div class="carousel-caption container">
							<div class="row">
								<div class="col-md-7 hp">
									<h2>AAAAAAA</h2>
									<h4>Acting as if nothing borne in mind is the best revenge.It's all for myself to live better.</h4>
								</div>
							</div>
						</div>
					</div>
					<div class="item" style="background-image: url(img/img4.jpg);">
						<div class="carousel-caption container">
							<div class="row">
								<div class="col-md-7 hp">
									<h2>AAAAAAA</h2>
									<h4>Acting as if nothing borne in mind is the best revenge.It's all for myself to live better.</h4>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 轮播（Carousel）导航 -->
				<a class="left carousel-control" href="#myCarousel" data-slide="prev">
					<span class="glyphicon glyphicon-chevron-left"></span>
				</a>
				<a class="right carousel-control" href="#myCarousel" data-slide="next">
					<span class="glyphicon glyphicon-chevron-right"></span>
				</a>
			</div>
		</div>
		<div class="two_pager" id="product">
			<div class="product_header">
				<h1>成果</h1>
			</div>
			<div class="container" id="masonry_one" style="text-align: center;">
				<figure class="pro" id="anim_one">
					<img class="pro_img" id="img-1" src="img/img-1.jpg" />
					<figcaption class="text_fig" style="width: 510px;">
						<h3 class="two_h h_1">AAAAAAA</h3>
						<p class="two_p p_1">A single hand that wipes tears during failures is much better than countless hands that come together to clap on success</p>
					</figcaption>
				</figure>
				<figure class="pro" id="anim_two">
					<img class="pro_img" id="img-2" src="img/img-2.jpg" />
					<figcaption class="text_fig" style="width: 427px;">
						<h3 class="two_h h_2">AAAAAAA</h3>
						<p class="two_p p_2">A single hand that wipes tears during failures is much better than countless hands that come together to clap on success</p>
					</figcaption>
				</figure>
				<figure class="pro" id="anim_three">
					<img class="pro_img" id="img-3" src="img/img-3.jpg" />
					<figcaption class="text_fig" style="width: 510px;">
						<h3 class="two_h h_3">AAAAAAA</h3>
						<p class="two_p p_3">A single hand that wipes tears during failures is much better than countless hands that come together to clap on success</p>
					</figcaption>
				</figure>
				<figure class="pro" id="anim_four">
					<img class="pro_img" id="img-4" src="img/img-6.jpg" />
					<figcaption class="text_fig" style="width: 480px;">
						<h3 class="two_h h_4">AAAAAAA</h3>
						<p class="two_p p_4">A single hand that wipes tears during failures is much better than countless hands that come together to clap on success</p>
					</figcaption>
				</figure>
				<figure class="pro" id="anim_five">
					<img class="pro_img" id="img-5" src="img/img-5.jpg" />
					<figcaption class="text_fig" style="width: 420px;">
						<h3 class="two_h h_5">AAAAAAA</h3>
						<p class="two_p p_5">A single hand that wipes tears during failures is much better than countless hands that come together to clap on success</p>
					</figcaption>
				</figure>
				<figure class="pro" id="anim_six">
					<img class="pro_img" id="img-6" src="img/img-1.jpg" />
					<figcaption class="text_fig" style="width: 480px;">
						<h3 class="two_h h_6">AAAAAAA</h3>
						<p class="two_p p_6">A single hand that wipes tears during failures is much better than countless hands that come together to clap on success</p>
					</figcaption>
				</figure>
			</div>
		</div>
		<div class="three_pager" id="about">
			<div class="About_header">
				<h1>相关技术</h1>
			</div>
			<div class="container" id="masonry_two" style="padding-top: 15px;">
				<div class="direction row">
					<div class="col-md-6 dir">
						<div class="way">
							<img src="img/way-1.jpg" />
							<div class="way_text">
								<h4>BBBBBB</h4>
								<p style="font-size: 15px;">Anyone can make you smile. Many people can make you cry. But it takes someone really special to make you smile with tears in your eyes</p>
							</div>
							<!--<div class="learn">
								<p>learn</p>
							</div>-->
						</div>
					</div>
					<div class="col-md-6 dir">
						<div class="way">
							<img src="img/way-2.jpg" />
							<div class="way_text">
								<h4>BBBBBB</h4>
								<p style="font-size: 15px;">Anyone can make you smile. Many people can make you cry. But it takes someone really special to make you smile with tears in your eyes</p>
							</div>
							<!--<div class="learn">
								<p>learn</p>
							</div>-->
						</div>
					</div>
					<div class="col-md-6 dir">
						<div class="way">
							<img src="img/way-3.png" />
							<div class="way_text">
								<h4>BBBBBB</h4>
								<p style="font-size: 15px;">Anyone can make you smile. Many people can make you cry. But it takes someone really special to make you smile with tears in your eyes</p>
							</div>
							<!--<div class="learn">
								<p>learn</p>
							</div>-->
						</div>
					</div>
					<div class="col-md-6 dir">
						<div class="way">
							<img src="img/way-4.png" />
							<div class="way_text">
								<h4>BBBBBB</h4>
								<p style="font-size: 15px;">Anyone can make you smile. Many people can make you cry. But it takes someone really special to make you smile with tears in your eyes</p>
							</div>
							<!--<div class="learn">
								<p>learn</p>
							</div>-->
						</div>
					</div>
					<div class="col-md-6 dir">
						<div class="way">
							<img src="img/way-5.jpg" />
							<div class="way_text">
								<h4>BBBBBB</h4>
								<p style="font-size: 15px;">Anyone can make you smile. Many people can make you cry. But it takes someone really special to make you smile with tears in your eyes</p>
							</div>
							<!--<div class="learn">
								<p>learn</p>
							</div>-->
						</div>
					</div>
					<div class="col-md-6 dir">
						<div class="way">
							<img src="img/way-6.jpg" />
							<div class="way_text">
								<h4>BBBBBB</h4>
								<p style="font-size: 15px;">Anyone can make you smile. Many people can make you cry. But it takes someone really special to make you smile with tears in your eyes</p>
							</div>
							<!--<div class="learn">
								<p>learn</p>
							</div>-->
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer_pager" id="Contact">
			<div class="contact_header">
				<h1>联系我们</h1>
			</div>
			<div class="contact_container">
				<div class="contact_text">
					<h3>CCCCCC</h3>
					<p style="padding: 10px;">To see a world in a grain of sand. And a heaven in a wild flower Hold infinity in the palm of your hand . And eternity in an hour.To see a world in a grain of sand. And a heaven in a wild flower Hold infinity in the palm of your hand . And eternity in an hour</p>
				</div>
				<div class="contact_way" style="padding-top: 30px;display: none;">
					<div class="phone col-md-4" style="cursor: pointer;">
						<i class="glyphicon glyphicon-earphone" style="font-size: 30px;"></i>
						<p>023-123456789</p>
					</div>
					<div class="address col-md-4" style="cursor: pointer;">
						<i class="glyphicon glyphicon-home" style="font-size: 30px;"></i>
						<p>南区教学楼6-105</p>
					</div>
					<div class="Email col-md-4" style="cursor: pointer;">
						<i class="glyphicon glyphicon-envelope" style="font-size: 30px;"></i>
						<p>6-105@136.com</p>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>